//controls
const hatcheck = document.querySelector("#hat");
const glassescheck = document.querySelector("#eyeglasses");
const tiecheck = document.querySelector("#tie");
//accessories
const hat = document.querySelector(".hat");
const glasses = document.querySelector(".glasses");
const tie = document.querySelector(".tie");
//Reveal Hat
hatcheck.addEventListener("change", hatfun);
function hatfun() {
if (hatcheck.checked == true) {
hat.style.bottom = "165px";
} else {
hat.style.bottom = "400px";
}
}
//Reveal Eyeglasses
glassescheck.addEventListener("change", glassesfun);
function glassesfun() {
if (glassescheck.checked == true) {
glasses.style.right = "50%";
} else {
glasses.style.right = "-50%";
}
}
//Reveal Tie
tiecheck.addEventListener("change", tiefun);
function tiefun() {
if (tiecheck.checked == true) {
tie.style.bottom = "10px";
} else {
tie.style.bottom = "-80px";
}
}